<div ng-show="chart">
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">

        <div class="btn-toolbar mb-2 mb-md-0">
            <div class="btn-group mr-2">
                <!--<button class="btn btn-sm btn-outline-secondary" ng-click="getConfigList('simple')">simple</button>
                <button class="btn btn-sm btn-outline-secondary" ng-click="getConfigList('create_html_page')">create_html_page</button>-->
                <button class="btn-sm  btn-secondary" ng-click="goBack()">返回</button>
            </div>
        </div>
    </div>
    <div class="container" style="margin-top: 10px">
        <form class="form-horizontal" role="form">
            <fieldset>
                <div class="input-group mb-3 date form_datetime col-md-5" data-date="1979-09-16T05:25:07Z"
                     data-link-field="dtp_input1" style="float: left;">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="inputGroup-sizing-default">开始时间</span>
                    </div>
                    <input class="form-control" size="16" type="text" value="" readonly ng-model="start_time"
                           aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
                    <div class="input-group-append">
                        <span class="input-group-addon input-group-text"><span
                                class="glyphicon glyphicon-remove"></span></span>

                    </div>
                    <div class="input-group-append">
                        <span class="input-group-addon input-group-text"><span
                                class="glyphicon glyphicon-th"></span></span>
                    </div>
                </div>
                <div class="input-group mb-3 date form_datetime col-md-5" data-date="1979-09-16T05:25:07Z"
                     data-link-field="dtp_input2" style="float: left">
                    <div class="input-group-prepend">
                        <span class=" input-group-text ">结束时间</span>
                    </div>
                    <input class="form-control" size="16" type="text" value="" readonly ng-model="end_time"
                           aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
                    <div class="input-group-append">
                        <span class="input-group-addon input-group-text"><span
                                class="glyphicon glyphicon-remove"></span></span>

                    </div>
                    <div class="input-group-append">
                        <span class="input-group-addon input-group-text"><span
                                class="glyphicon glyphicon-th"></span></span>
                    </div>

                </div>
                <div class="input-group mb-3 col-md-2">
                    <select class="custom-select" id="inputGroupSelect04" aria-label="Example select with button addon"
                            ng-change="submit()" ng-model="rate">
                        <option value="1" >/小时</option>
                        <option value="2">/日</option>
                        <option value="3">/周</option>
                        <option value="4">/月</option>
                        <option value="5">/年</option>
                    </select>

                </div>

            </fieldset>

        </form>

    </div>

    <div id="lineChart">

    </div>
</div>
<div ng-show="!chart">
    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">

        <div class="btn-toolbar mb-2 mb-md-0">
            <div class="btn-group mr-2">
                <!--<button class="btn btn-sm btn-outline-secondary" ng-click="getConfigList('simple')">simple</button>
                <button class="btn btn-sm btn-outline-secondary" ng-click="getConfigList('create_html_page')">create_html_page</button>-->
                <button class="btn-sm  btn-secondary" ng-click="return()">返回</button>
            </div>
        </div>
    </div>


    <table class="table  table-striped table-hover">
        <thead class="w-100">
        <tr class="row mx-0">
            <th class="col-1">序号</th>
            <th class="col-3">记录时间</th>
            <th class="col-1">日志级别</th>
            <th class="col-7">内容</th>
        </tr>
        </thead>
        <tbody class="w-100">
        <tr ng-repeat="logger in loggers" class="row mx-0">
            <td class="col-1">{{$index+1}}</td>
            <td class="col-3"> {{logger.time}}</td>
            <td class="col-1">{{logger.level}}</td>
            <td class="col-7">
                {{logger.message}}
            </td>
        </tr>
        </tbody>
    </table>
    <nav aria-label="Page navigation example">
        <ul class="pagination">
            <span>共{{totalPage}}页,共{{totalCount}}条，当前第{{pageNum+1}}页</span>
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            <li class="page-item">
                <a class="page-link" ng-click="Previous(pageNum)" aria-label="Previous">
                    <span aria-hidden="true">上一页</span>
                    <!--     <span class="sr-only">Previous</span>-->
                </a>
            </li>

            <li class="page-item">
                <a class="page-link" ng-click="Next(pageNum)" aria-label="Next">
                    <span aria-hidden="true">下一页</span>
                    <!--     <span class="sr-only">Next</span>-->
                </a>
            </li>
            &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
            <input type="text" ng-model="number" style="width: 40px"/>
            <div>
                <button class="btn-primary" ng-click="goto(number)" style="height: 100%">转到</button>
            </div>
        </ul>
    </nav>
</div>
